<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- <style>
    video{
      width: 500px;
    }
  </style> -->
</head>
<body>
  <canvas id="canvas" width="600" height="400">
  </canvas>
  <script>
    /** @type {HTMLCanvasElement} */
    var canvas=document.querySelector("#canvas")
    var ctx=canvas.getContext("2d")
    ctx.font="40px serif"
    
    // // ctx.textAlign="center"
    // // ctx.textBaseline="top"
    ctx.direction="rtl"
    ctx.fillText("王，俊！凯！",150,130)
    
    // ctx.arc(100,100,5,0,Math.PI*2)
    // ctx.fill()
//     var canvas = document.getElementById("canvas");
// var ctx = canvas.getContext("2d");

// ctx.font = "48px serif";
// // ctx.fillText("Hi!", 150, 50);
// ctx.direction = "rtl";
// ctx.fillText("Hi!", 150, 130);
  </script>
</body>
</html>